import React, {Component} from 'react'

import './index.css'
class UserBlack  extends Component {

  render() {
   
    return (
        <div>
            <p class="container-title">黑名单</p>
            <div class="function f-black">
                <select class="bselect sex-select">
                    <option value="">根据性别查询</option>
                </select>

                <input class="input postId" type="text" placeholder="发帖人手机号或ID"/>
                <input class="input postTitle" type="text" placeholder="请输入帖子标题"/>
                
                <span class="black">
                    <button class="function-search">搜索</button>
                    <button class="function-del">批量删除</button>
                </span>
                
                <div class="black-more">
                    <select class="bselect province-select">
                        <option value="">省份</option>
                    </select>
                    <select class="bselect city-select">
                        <option value="">城市</option>
                    </select>

                    <input class="input birthday" type="text" placeholder="请选择生日"/>
                    <input class="input name" type="text" placeholder="用户昵称"/>
                </div>
            </div>

            <div class="content black-content">
                <div class="content-header">
                    <input class="check black-check" type="checkbox" name="sex" /> 

                    <span class="bpost bpost-id">用户ID</span>
                    <span class="bpost bpost-phone">用户手机号</span>
                    <span class="bpost bpost-name">昵称</span>
                    <span class="bpost bpost-sex">性别</span>
                    <span class="bpost bpost-city">城市</span>
                    <span class="bpost bpost-birthday">生日</span>
                    <span class="bpost bpost-num">发帖数</span>
                    <span class="bpost bpost-operate">操作</span>
                </div>
                <div class="item">
                    <input class="check black-check" type="checkbox" name="sex" /> 

                    <span class="bpost bpost-id">114</span>
                    <span class="bpost bpost-phone">186****7674</span>
                    <span class="bpost bpost-name">code</span>
                    <span class="bpost bpost-sex">男</span>
                    <span class="bpost bpost-city">济南</span>
                    <span class="bpost bpost-birthday">1990-09-11</span>
                    <span class="bpost bpost-num">115</span>
                    <span class="bpost bpost-operate">
                        <button class="btn">解除黑名单</button>
                    </span>
                </div>
            </div>
        </div>
    )
  }
}

export default UserBlack